<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="641" height="512">
    <g v-if="props.state">
      <line :stroke="props.strokeColor" id="svg_1" y2="312" x2="876" y1="312" x1="877" fill="none"/>
      <line :stroke="props.strokeColor" stroke-width="30"   id="svg_2" y2="255.5" x2="126" y1="256.5" x1="0" fill="none"/>
      <line :stroke="props.strokeColor" stroke-width="30"   id="svg_3" y2="132" x2="416" y1="258" x1="117" fill="none"/>
      <line id="svg_4" y2="325" x2="215" y1="326" x1="215" :stroke="props.strokeColor" fill="none"/>
      <line transform="rotate(45 450.646 255.999)" stroke-width="30"   id="svg_8" y2="255.49897" x2="512.14645" y1="256.49897" x1="389.14645" :stroke="props.strokeColor" fill="none"/>
      <line transform="rotate(135 450.648 256)" stroke-width="30"   id="svg_9" y2="255.50042" x2="512.1475" y1="256.50042" x1="389.1475" :stroke="props.strokeColor" fill="none"/>
      <line :stroke="props.strokeColor" stroke-width="30"   id="svg_10" y2="255.49934" x2="641" y1="256.49934" x1="467" fill="none"/>
    </g>
    <g v-else>
      <line fill="none" :stroke="props.strokeColor" x1="877" y1="312" x2="876" y2="312" id="svg_1" />
      <line :stroke="props.strokeColor" fill="none" x1="0" y1="256.5" x2="471.00001" y2="255.5" id="svg_2"  stroke-width="30"/>
      <line fill="none" :stroke="props.strokeColor" x1="215" y1="326" x2="215" y2="325" id="svg_4" />
      <line fill="none" :stroke="props.strokeColor" x1="389.14645" y1="256.49897" x2="512.14645" y2="255.49897" id="svg_8"  stroke-width="30" transform="rotate(45 450.646 255.999)"/>
      <line fill="none" :stroke="props.strokeColor" x1="389.1475" y1="256.50042" x2="512.1475" y2="255.50042" id="svg_9"  stroke-width="30" transform="rotate(135 450.648 256)"/>
      <line fill="none" x1="467" y1="256.49934" x2="641" y2="255.49934" id="svg_10"  stroke-width="30" :stroke="props.strokeColor"/>
     </g>
  </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>